.checked-box{
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  span{
    position: absolute;
  }
  .iconfont{
    color: #3AB078;;
    font-size: 20px;
  }
}


.hide{
  display: none;
}

.checked-true{
  transition: all 0.5s;

  .switch-dot{
    transition: all 0.5s;
    left: 19px;
    border: 1px solid #ffffff;
  }
}



.checked-false{
  transition: all 0.5s;
  background-color: #ffffff;
  border: 2px solid RGBA(0, 0, 0, 0.1);
  .switch-dot{
    transition: all 0.5s;
    left: 0px;
    border: 1px solid RGBA(0, 0, 0, 0.1);
  }
}

.disabled-cls{
  opacity: 0.5;
}



